{extend name="common/layout" /}
{block name="style"}{/block}
{block name="content"}

<link href="__SHOP_DEFAULT__/css/layout.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
.nc-appbar-tabs a.compare { display: none !important;}
</style>

<div class="nch-breadcrumb-layout">	
  <div class="nch-breadcrumb wrapper"><i class="icon-home"></i>
    <span><a href="url('home/Index/index')">首页</a></span>
    <span class="arrow">&gt;</span>
    <span>全部商品分类</span>
  </div>
</div>

<div class="nch-container wrapper">
  <div class="nch-all-menu">
    <ul class="tab-bar">
      <li class="current"><a href="javascript:void(0);">全部商品分类</a></li>
      <li><a href="<?php echo url('shop/Brand/index');?>">全部品牌</a></li>
      <li><a href="<?php echo url('shop/Search/index');?>">全部商品</a></li>
    </ul>
  </div>
  <div class="nch-category-all">
    <?php if(!empty($show_goods_class) && is_array($show_goods_class)){?>
    <ul class="nch-category-container" id="categoryList">
      <?php foreach($show_goods_class as $key=>$gc_list){?>
      <li class="classes">
        <div class="title"><i></i>
        <a href="<?php echo url('shop/Search/index', array('cate_id' => $gc_list['gc_id']));?>"><?php echo $gc_list['gc_name'];?></a>
        </div>
        <?php if (!empty($gc_list['class2'])) {?>
        <?php foreach ($gc_list['class2'] as $gc_list2) {?>
        <dl>
          <dt><a href="<?php echo url('shop/Search/index', array('cate_id' => $gc_list2['gc_id']));?>"><?php echo $gc_list2['gc_name'];?></a></dt>
          <dd>
            <?php if(!empty($gc_list2['class3'])){?>
            <?php foreach($gc_list2['class3'] as $key=>$gc_list3){?>
            <a href="<?php echo url('shop/Search/index', array('cate_id' => $gc_list3['gc_id']));?>"><?php echo $gc_list3['gc_name'];?></a>
            <?php }?>
            <?php }?>
          </dd>
        </dl>
        <?php }?>
        <?php }?>
      </li>
      <?php }?>
    </ul>
    <?php }?>
  </div>
</div>
<script src="__SITE_RESOURCE__/js/jquery.masonry.js"></script>
<script>
$(function(){
	$("#categoryList").masonry({
		itemSelector : '.classes'
	});
});
</script> 
{/block}